<template>
  <div>
    <table>
      <thead>
        <th>订单ID</th>
        <th>商品名称</th>
        <th>订单状态</th>
        <th>用户名</th>
        <th>真实姓名</th>
        <th>使用时间</th>
        <th>手机号</th>
        <th>身份证号</th>
        <th>价格</th>
      </thead>
      <tbody v-for="(s,i) in item.data" :key="i">
        <td>{{s.id}}</td>  
        <td>{{s.title}}</td>
        <td>{{s.ordeail_id==1?'待使用':s.ordeail_id==2?'已使用':s.ordeail_id==3?'待退款':'已退款' }}</td>
        <td>{{s.uname}}</td>
        <td>{{s.name}}</td>
        <td>{{s.datetime}}</td>
        <td>{{s.phone}}</td>
        <td>{{s.yhsf}}</td>
        <td>¥{{s.price}}</td> 

      </tbody>
    </table>
  </div>
</template>

<script>
  export default {
    props:['item']
  }
</script>

<style lang="scss" scoped>
table{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #0aa1ed;
  text-align: center;
  th,td{
  border: 1px solid #0aa1ed;
  padding: 10px 5px;
  }
button{
  background-color: #0aa1ed;
  border:  1px solid #0aa1ed;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}
}
</style>